{extend name="layouts/app" /}

{block name="css"}
<link rel="stylesheet" href="/static/home/css/slick.css">
<link rel="stylesheet" href="/static/home/css/animate.min.css">
<link rel="stylesheet" href="/static/home/css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="/static/home/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/home/css/css.css">
<link rel="stylesheet" href="/static/home/css/style.css">
<link rel="stylesheet" href="/static/home/css/media.css">
<link rel="stylesheet" href="/static/home/css/idangerous.swiper.css">
<style>
    .alltext{padding-top:100px;min-height:700px}
</style>
{/block}

{block name="main"}
<div class="content">
    <div class="alltext">
        <div class="container">
            <div class="title">
                <h1>{$article->title}</h1>
                <div>
                    <span>发布时间：{$article->create_time|date="Y-m-d"}</span> <span>点击数：{$article->hits}</span> <span>来源：{$article->author}</span>					</div>
            </div>
            <div class="text">
                {$article->content|raw}
            </div>
        </div>
    </div>
</div>
{/block}

{block name="script"}
<script src="/static/home/js/banner.js?v=13"></script>
<script src="/static/home/js/wow.min.js"></script>
<script src="/static/home/js/jquerys.js"></script>
<script src="/static/home/js/swiper-3.4.2.min.js"></script>
<script src="/static/home/js/jquery.lazyload.min.js"></script>
<script src="/static/home/js/slick.js"></script>
<script>
    new WOW().init();
    $("img.lazy").each(function(){
        var yt = $(this).attr('src');
        var slt = $(this).data('original');
        $(this).attr('src', slt);
        $(this).attr('data-original', yt);
    })
</script>
{/block}